<template>
  <div class="cate">
    <h4>category - {{ title }}</h4>

    <!-- 由于内容不同，所以结构不要写 -->
    <slot>123</slot>
  </div>
</template>

<script>
export default {
  props: ['title', 'list']
}
</script>

<style lang="less" scoped>
.cate {
  float: left;
  margin: 10px;
  width: 160px;
  height: 300px;
  background-color: skyblue;
}

h4 {
  background-color: #f40;
  padding: 20px;
}

img {
  width: 100%;
}

video {
  width: 100%;
}
</style>
